<template>
  <div>
    <myHeader></myHeader>
    <div class="baidu">
      <mylist v-for="item in list" :key="item.id" :item="item"></mylist>
    </div>
    <myFooter :item="list"></myFooter>
  </div>
</template>

<script>
import myHeader from "./myHeader";
import mylist from "./mylist";
import myFooter from "./myFooter";
import { loginURL } from "../../../apis/indexRouter01.js";
export default {
  components: {
    myHeader,
    mylist,
    myFooter,
  },
  data() {
    return {
      list: [],
    };
  },
  mounted() {
    loginURL()
      .then((res) => {
        console.log(res);
        this.list = res.data.list;
        // console.log(this.list);
      })
      .catch((err) => console.log(err));
  },
};
</script>
<style lang='less' scoped>
.baidu {
  padding: 50px 0;
}
</style>
